<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欧度男装</title>
    <meta name="keywords" content="欧度男装"/>
    <meta name="description" content="欧度男装"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="x-ua-compatible" content="IE=Edge,chrome=1"/>

    <link rel="stylesheet" href="./static/css/swiper.min.css"/>
    <link rel="stylesheet" href="./static/css/amazeui.min.css"/>
    <link rel="stylesheet" href="./static/icomoon/style.css"/>
    <link rel="stylesheet" href="./static/css/common.css"/>
    <link rel="stylesheet" href="./static/css/ouhteu.css"/>

    <meta name="apple-mobile-web-app-title" content="欧度男装"/>
    <script type="text/javascript" src="./static/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="./static/js/swiper.min.js"></script>
    <script type="text/javascript" src="./static/js/amazeui.min.js"></script>
	<script type="text/javascript" src="./static/js/common.js"></script>
</head>
<body>
<header class="headerwithback">
    <div class="header_top">
        <a href="./menu.html"><i class="icon-bars"></i></a>
        <p>悠品力荐</p>
        <a href="./alarm.html"><i class="icon-bell-o"></i></a>
    </div>    
</header>
<div class="headerHold"></div>
<ul class="nav clearfix">
    <li>
        <a href="./index.html">首页</a>
    </li>
    <li>
        <a href="./index_my.html">我的衣橱</a>
    </li>
    <li class="active">
        <a href="./index_new.html">新品上市</a>
    </li>
    <li>
        <a href="./index_all.html">产品信息</a>
    </li>
</ul>
<div class="swiper-container">
    <h4 class="title">休闲长裤 <div class="swiper-pagination"></div></h4>
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			 <div class="flex-wrap">
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
		</div>

		<div class="swiper-slide">
             <div class="flex-wrap">
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>
        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>
        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>
	</div>
</div>
<div class="swiper-container">
    <h4 class="title">牛仔裤 <div class="swiper-pagination"></div></h4>
    <div class="swiper-wrapper">
        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>

        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>
        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>
    </div>
</div>
<div class="swiper-container">
    <h4 class="title">运动户外 <div class="swiper-pagination"></div></h4>
    <div class="swiper-wrapper">
        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>

        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>
        <div class="swiper-slide">
             <div class="flex-wrap">
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
                <a href="#" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('.swiper-container').each(function(i,n){
            new Swiper(n, {
            pagination: $(n).find('.swiper-pagination'),
            paginationClickable: true
            });
        });
    });
</script>
</body>
</html>
